<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%String path = request.getContextPath();%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>政务服务-首页</title>
    <link href="<%=path%>/heatconfig/css/mui.min.css" rel="stylesheet" />
    <link href="<%=path%>/heatconfig/css/build.css" rel="stylesheet" type="text/css" />
    <script src="<%=path%>/heatconfig/js/mui.min.js"></script>
    <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script src="https://www.jq22.com/jquery/echarts-4.2.1.min.js"></script>
    <link url="import" rel="//at.alicdn.com/t/font_2180978_xnxt8ch24tf.css"/>
</head>
<body>
<div class="mui-content">
    <div class="mui-control-content mui-active">
        <!-- 头部背景图  start -->
        <div class="banner-content bg_box">
            <img src="<%=path%>/heatconfig/images/huadian.jpg" width="100%" />
        </div>
        <!-- 头部背景图  end -->

        <!-- 待办 start -->
        <div class="wait_handle">
            <div class="mui-slider">
                <div class="mui-slider-group">
                    <div class="mui-slider-item">
                        <ul class="mui-table-view mui-grid-view">
                            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                <a href="#">
                                    <span class="icon"><img src="<%=path%>/heatconfig/images/fanwei.png" /></span>

                                    <div class="mui-media-body">我的维修单</div>
                                </a>
                            </li>
                            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                <a href="#">

                                    <span class="icon"><img src="<%=path%>/heatconfig/images/weixiu.png" /></span>
                                    <div class="mui-media-body">维修进度</div>
                                </a>
                            </li>

                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 待办 end -->

        <div class="wait_handle">
            <div class="mui-slider">
                <div class="mui-slider-group">
                    <div class="mui-slider-item">
                        <ul class="mui-table-view mui-grid-view">

                            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                <a href="#">
                                    <span class="mui-badge">num</span>
                                    <span class="icon"><img src="<%=path%>/heatconfig/images/xiaoxi.png" /></span>
                                    <div class="mui-media-body">抢单</div>
                                </a>
                            </li>
                            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
                                <a href="<%=path%>/worker/parts">
                                    <span class="icon"><img src="<%=path%>/heatconfig/images/pingjia.png" /></span>
                                    <span class="mui-badge">num</span>
                                    <div class="mui-media-body">查看零件</div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 公告 start -->
        <div class="news_sj_dxs_box ">
            <div class="scrollnews flex-space-between flex-between-center">
                <span><img src="<%=path%>/heatconfig/images/gonggao.png"></span>
                <ul>
                    <li><a href="<%=path%>/worker/notice"></a></li>
                    <%--<li><a href="#">系统公告！</a></li>
                    <li><a href="#">从数据库读取</a></li>
                    <li><a href="#">不忘初心，服务人民</a></li>--%>
                </ul>
                <a class="mui-icon mui-icon-arrowright" href="#"></a>
            </div>
        </div>
        <!-- 公告 end -->

        <!-- 办件预警 start -->
        <div class="padding_0_15">
            <div class="title flex-space-between flex-between-center">

            </div>
            <div class="work_warn padding_0_15">
                <a href="#">
                    <span class="icon"><img src="<%=path%>/heatconfig/images/home_icon05.png" /></span>
                    <div class="txt">
                        <h4></h4>
                        <p>&gt;</p>
                    </div>
                </a>
            </div>
        </div>
        <!-- 办件预警 end -->

       <%-- <!-- 综合查询 start -->
        <div class="padding_0_15">
            <div class="title flex-space-between flex-between-center">

            </div>
            <div class="all_query work_warn padding_0_15">
                <ul class="mui-row">

                    <li class=" mui-col-xs-6 mui-col-sm-6">
                        <a href="#">
                            <span class="icon"><img src="<%=path%>/heatconfig/images/tousu.png" /></span>
                            <div class="txt">
                                <h4>维修记录</h4>
                                <p>书写维修记录</p>
                            </div>
                        </a>
                    </li>
                    <li class=" mui-col-xs-6 mui-col-sm-6">
                        <a href="#">
                            <span class="icon"><img src="<%=path%>/heatconfig/images/shoufei.png" /></span>
                            <div class="txt">
                                <h4>零件查询</h4>
                                <p>查看零件库存</p>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>--%>
        <!-- 综合查询 end -->


        <!-- 底部信息-->
        <div class="footer_box">
            <div class="footer_txt">
                <p>主办单位：青岛华电集团</p>
                <p>备案号：鲁Bwanmait</p>
            </div>
        </div>
    </div>

    <!-- 底部tabbar    start -->
    <nav class="mui-bar mui-bar-tab tabbar-bottom">
        <a class="mui-tab-item mui-active" href="javascript:;">
            <span class="mui-icon"><img src="<%=path%>/heatconfig/images/nav_home_on.png" /></span>
            <span class="mui-tab-label">首页</span>
        </a>
        <a class="mui-tab-item" onclick="window.location.href='hudong.html'">
            <span class="mui-icon"><img src="<%=path%>/heatconfig/images/nav_hudong.png" /></span>
            <span class="mui-tab-label">订单进度</span>
        </a>
        <a class="mui-tab-item" onclick="window.location.href='user.html'">
            <span class="mui-icon"><img src="<%=path%>/heatconfig/images/nav_user.png" /></span>
            <span class="mui-tab-label">我的</span>
        </a>
    </nav>
    <!-- 底部tabbar    end -->
    <script src="<%=path%>/heatconfig/js/echart_tab.js"></script>
    <script type="text/javascript">
        mui.init();

        // 系统公告滚动
        $(document).ready(function(){
            var timer;
            //滚动文字
            function runtxt(){
                $(".scrollnews ul").animate({marginTop:"-40px"},300,
                    function(){
                        $(".scrollnews ul li:last").after($(".scrollnews ul li:first"))
                        $(".scrollnews ul").css("margin-top",0)
                    }
                )
            }
            var t=$(".scrollnews ul li").length;
            if(t==1){
                clearInterval(timer)
            }else{
                timer=setInterval(runtxt,5000);
            }
        })

        //统计分析标题tab
        $(document).ready(function(){
            $("#tab_title li").mousedown(function(){
                var t=$(this).index();
                $(this).addClass("cur");
                $(this).siblings().removeClass("cur");
                $("#tab_box .con_box").hide().eq(t).show().css("height","auto");
            })
        })

        //办件统计柱状图
        var dom = document.getElementById("bjtj_c");
        var myChart = echarts.init(dom);
        var app = {};
        option = null;
        option = {
            legend: {
                "textStyle": {
                    "fontSize": 10
                },
                "top": "5%",
                "itemHeight": 10,
                "itemWidth": 15
            },
            tooltip: {},
            dataset: {
                dimensions: ['product', '类型1', '类型2', '类型3'],
                source: [
                    {product: '2018', '类型1': 43, '类型2': 85, '类型3': 93},
                    {product: '2019', '类型1': 83, '类型2': 73, '类型3': 55},
                    {product: '2020', '类型1': 86, '类型2': 65, '类型3': 82}
                ]
            },
            xAxis: {type: 'category'},
            yAxis: {},
            // Declare several bar series, each will be mapped
            // to a column of dataset.source by default.
            series: [
                {
                    type: 'bar',
                    "barWidth":20
                },
                {
                    type: 'bar',
                    "barWidth":20
                },
                {
                    type: 'bar',
                    "barWidth":20
                }

            ]
        };
        ;
        if (option && typeof option === "object") {
            myChart.setOption(option, true);
        }

    </script>
</div>
</body>
</html>

